<template>
  <svg-icon v-show="visible" :style="{ width: size, height: size }" icon-class="loading" class-name="loading" />
</template>

<script>
export default {
  name: 'Loading',
  props: {
    size: {
      type: String,
      default: '4em'
    },
    visible: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style scoped>
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* stroke: lightblue; */
}
</style>
